<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>字典管理</title>
</head>
<body>
<!--查询条件框-->
<form class="layui-form" action="" style="padding-top: 20px;" id="dictConForm">
</form>

<!--按钮框-->
<div class="layui-row">
    <div class="layui-col-xs12" id="dictBtnForm" style="margin-left: 40px;margin-bottom: 15px;">
    </div>
</div>

<!--列表-->
<table class="layui-hide" id="dictTable"></table>





<!-- 你的 HTML 代码 -->
<script>
    layui.use(['http','shopx','form','pub','table'], function () {
        var  http = layui.http
            , shopx = layui.shopx
            , form = layui.form
            , pub = layui.pub
            , table = layui.table
            , $ = layui.$;

        var prefix = "dict";
        var elements = {
            name:prefix,
            controlName:'sysDict',
            //页面元素前缀，按配置，施工等模块定义
            prefix:'c1',
            //page标题
            title:"字典",
            //查询列表接口
            qryUrl:'/sysDict/queryPageList',
            //查询明细接口
            detUrl:'/sysDict/queryOneByPrimaryKey',
            //新增接口
            addUrl:'/sysDict/insertOne',
            //修改接口
            updUrl:'/sysDict/updateOne',
            //删除接口
            delUrl:'/sysDict/deleteChecked',
            //批量删除接口
            delBatchUrl:'/sysDict/deleteBatch',
            //导出接口
            downloadUrl:'sysDict/download',
            //表主键
            keyId:'dictId',
            //排序
            orderBy:" dict_code desc",
            //默认初始化查询条件
            addModel:{
                // dictCode:"DEDUCTION_FLAG"
            },
            //查询条件 label#id#类型
            //注意：如果类型是dict 则用:分割 [0]是id [1]是dictCode,[2]是类型（t1：普通下拉框；t2:搜索下拉框；t3:多选搜索下拉框）
            conArray : [
                "字典枚举|dictCode|TEXT",
                "字典编码|dictName|TEXT",
                "字典描述|dictDesc|TEXT",
                "状态|state:STATE:t3|DICT",
                // "角色|roleCode:t3|SEL",
            ],
            //按钮 id#名称#类型#图标#是否权限控制
            btnArray:[
                prefix+'QueryBtn|查询|primary|&#xe615;|N',
                prefix+'AddBtn|新增|primary|&#xe624;|Y',
                prefix+'UpdateBtn|编辑|primary|&#xe642;|Y',
                prefix+'ViewBtn|明细|primary|&#xe655;|N',
                prefix+'DelBtn|删除|danger|&#xe640;|Y',
                prefix+'ExpBtn|导出|normal|&#xe67d;|Y'
            ],

            //表格列
            cols:[[
                {type: 'checkbox', fixed: 'left'}
                , {field: 'dictId', title: '编号', fixed: 'left'}
                , {field: 'dictCode', title: '枚举', sort: true}
                , {field: 'dictName', title: '编码'}
                , {field: 'dictValue', title: '值', edit: 'text',}
                , {field: 'dictDesc', title: '描述', edit: 'text',}
                , {field: 'dictSort', title: '排序', edit: 'text', sort: true},
                , {
                    field: 'state', title: '状态', sort: true, templet: function (d) {
                        return shopx.getDictByCodeName("STATE",d.state);
                    }
                }
                , {field: 'createTime', title: '创建时间', sort: true}
                , {field: 'updateTime', title: '修改时间', sort: true}
            ]],
            //表单 label|id|类型|是否必填
            formArray:[
                "主键|dictId|HIDDEN",
                "枚举|dictCode|TEXT|Y",
                "编码|dictName|TEXT|Y",
                "值|dictValue|TEXT|Y",
                "描述|dictDesc|TEXT|N",
                "排序|dictSort|NUMBER|N",
                "状态|state:STATE:t3|DICT|Y",
                // "角色|roleCode:t3|SEL|Y"
            ],
            // beforeQueryFunc:function(){
            // 查询前调用函数
            // alert("查询前")
            // },
            // afterQueryFunc:function(res){
            //查询后调用函数
            // alert("查询后:"+JSON.stringify(res))
            // },
            // beforeAddFunc:function(){
            //     //新增前调用函数
            //     // alert("新增前");
            //     // var formSelects = layui.formSelects;
            //     // formSelects.data('f_c1_roleCode', 'local', {
            //     //     arr: [
            //     //         {"name": "管理员", "value": 'admin1'},
            //     //         {"name": "预算员", "value": 'admin2'},
            //     //         {"name": "材料员", "value": 'admin3'},
            //     //         {"name": "财务", "value": 'admin4'},
            //     //     ],
            //     // });
            //     // formSelects.value('f_c1_roleCode', ['admin1', 'admin2']);
            // },
            // afterAddFunc:function(res){
            //新增后调用函数
            // alert("新增后:"+JSON.stringify(res));
            // },
            // beforeUpdFunc:function(res){
            //     //新增前调用函数
            //     // alert("修改前:"+JSON.stringify(res));
            //     var formSelects = layui.formSelects;
            //     formSelects.data('f_c1_roleCode', 'local', {
            //         arr: [
            //             {"name": "管理员", "value": 'admin1'},
            //             {"name": "预算员", "value": 'admin2'},
            //             {"name": "材料员", "value": 'admin3'},
            //             {"name": "财务", "value": 'admin4'},
            //         ]
            //     });
            // },
            // afterUpdFunc:function(res){
            //     //新增后调用函数
            //     alert("修改后:"+JSON.stringify(res))
            // },
            // beforeDelFunc:function(res){
            //     //新增前调用函数
            //     alert("删除前"+JSON.stringify(res));
            // },
            // afterDelFunc:function(res){
            //     //新增后调用函数
            //     alert("删除后:"+JSON.stringify(res))
            // },
        }

        var page = shopx.genPage(elements);

        //展示菜单
        shopx.genCond(page);
        //展示按钮
        shopx.genBtn(page);
        //展示有权限的按钮
        shopx.eleAuthShow(http.getUserFunc());
        //展示form表单
        // shopx.genForm(page.formArray,"editFormDiv");

        form.render();

        //初始化分页查询 其中addModel是初始化查询条件
        http.initPage(page);
        // setTimeout(function(){
        //     var formSelects = layui.formSelects;
        //     formSelects.data('q_c1_roleCode', 'local', {
        //         arr: [
        //             {"name": "管理员", "value": 'admin1'},
        //             {"name": "预算员", "value": 'admin2'},
        //             {"name": "材料员", "value": 'admin3'},
        //             {"name": "财务", "value": 'admin4'},
        //         ]
        //     });
        // }, 1000);
        // form.render();


    });

</script>
</body>
</html>